<template>
	<view class="">
		<navigator class="goods-item">
			<u-image width="100%" height="300rpx" :src="goods.cover_url" class="u-skeleton-fillet"></u-image>

			<view class="u-text-center title u-line-1 u-skeleton-rect">{{ goods.title ? goods.title : '上屏名称' }}</view>
			<view class="u-flex u-row-between">
				<view class="price u-skeleton-rect">￥{{ goods.price }}</view>
				<view class="sales u-skeleton-rect">销量：{{ goods.sales }}</view>
			</view>
		</navigator>
	</view>
</template>

<script>
export default {
	name: 'goods-card',
	props: {
		goods: {
			type: Object,

			default() {
				return {};
			}
		}
	},
	data() {
		return {};
	}
};
</script>

<style lang="scss" scoped>
.goods-item {
	padding: 40rpx 10rpx 0;
	box-shadow: 0rpx 0rpx 20rpx #000;
	margin: 10rpx;
	.title {
		margin-top: 20rpx;
		margin-bottom: 20rpx;
		font-size: 32rpx;
		font-weight: 700;
	}
	.price {
		color: red;
	}
	.sales {
		color: #8f7764;
	}
}
</style>
